<script setup>
import CompoThreejsAinmFBX from '@renderer/components/CompoThreejsAinmFBX.vue'
import { ref } from 'vue'

const modelanim = ref({
  id: 'model_animated',
  name: '印模 带动画',
  // gltfUrl: 'threed_models/yinmo_animated.glb',
  gltfUrl: 'threed_models/text.fbx',
  bgColor: '#5678cd',
  cameraZ: 200,
  maxDistance: 300,
  minDistance: 0.3
})
</script>

<template>
  <div class="model_view2">
    <CompoThreejsAinmFBX
      :key="modelanim.id"
      :gltf-url="modelanim.gltfUrl"
      :scene-background="modelanim.bgColor"
      :camera-z="modelanim.cameraZ"
      :max-distance="modelanim.maxDistance"
      :min-distance="modelanim.minDistance"
      :product-name="modelanim.name"
    ></CompoThreejsAinmFBX>
  </div>
</template>

<style lang="scss" scoped>
.model_view2{
  box-sizing: border-box;
  width: 100%;
  height: 100%;
  position: relative;
  z-index: 0;
}
</style>
